<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/product.css">
</head>

<body>
    <header>

    </header>
    <div id="list">
        <div class="list-con">
            <a href="">首页</a>
            <a href="">全部商品</a>
            <a href="">蛋糕</a>
        </div>
    </div>
    <div id="detail">

    </div>
    <script type="text/html" id='detailsTemplate'>
        <div class="detail-con">
            <div class="leftbox">
                <div class="bigimg">
                    <img src="{{image}}" alt="" class="zoom-image">
                </div>
                <div class="smallimg">
                    <ul class="smalllist" id="smalllist">
                        <!-- <li><img src="/images/small1.jpg" alt=""></li>
                        <li><img src="/images/small2.jpg" alt=""></li>
                        <li><img src="/images/small3.jpg" alt=""></li> -->
                        {{each photo item}}
                            <li>
                                <a href="" data-image="{{item.url}}" data-zoom-image="{{item.url}}">
                                    <img src="{{item.url}}" alt="">
                                </a>
                            </li>
                        {{/each}}
                    </ul>
                </div>
            </div>
            <div class="rightbox">
                <h1>{{title}}</h1>
                <div class="price">
                    <h2>
                        <span style="font-size:20px">价格:</span>
                        <span style="font-size:24px">￥{{price}}&nbsp;&nbsp;&nbsp;</span>
                    </h2>
                </div>
                
               
                <div class="number">
                    <div class="num_left">
                        <span id="sp"></span>
                    </div>
                    <div>
                        <input class="num_mid" type="text" value="1">
                    </div>
                    <div class="num_right">
                        <span></span>
                    </div>
                </div>
                <div class="anniu">
                    <a href="">立即购买</a>
                    <a href="javascript:void(0);" class="addBtn">加入购物车</a>
                </div>
            </div>

        </div>
        
    </script>
    
    <div class="xiangqing">
        <h2>商品详情</h2>
        <div class="xq_nr">

        </div>
    </div>
    <div class="tishi">
        <h2>小提示</h2>
        <p>注：积慕所有产品以重量（磅）为计量单位，边长仅供参考。<br>
            1、积慕JIMUU 没有数字蜡烛，如需蜡烛，请和蛋糕一起拍下<br>
            2、蛋糕收到后请于2-3小时内食用完最佳<br>
            3、如对上述食材有过敏经历者，请选择其它款蛋糕<br>
            4、纯手工制作，尺寸仅做参考，以重量为准<br>
            5、5磅及以上的蛋糕需提前24小时预订且不支持货到付款，订购电话：400-117-1517</p>
        <p>
            6、武汉三环以内免费送货，
            <a href="">详细配送信息参见>></a>
        </p>
        <p>7、蛋糕规格及免费配送餐具 ： </p>
        <div class="canshu"> <img src="/images/canshu.jpg" alt=""></div>
        <img src="/images/yuanliao.jpg" alt="">
    </div>
    <footer id="footer">

    </footer>
    <div class="loading" style="color: #fff;">
        加入成功
    </div>

    <script type="text/html" id='detailsXqTemplate'>
        {{each list item}}
            <img src="{{item.image.url}}" alt="">
        {{/each}}
    </script>
    <script src="/lib/require/require.js" data-main="/js/product"></script>
</body>

</html>